<html>
	<head>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script src="http://www.paypalobjects.com/js/external/dg.js" type="text/javascript"></script>
	<title>OYPAA 2013 Registration</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
		<div data-role="page" data-theme="b" id="home">
			<div data-role="header" id="header">
				<h1>OYPAA 2013 Online Registration</h1>
				<a href="/admin" data-icon="gear" class="ui-btn-right" data-theme="b">Admin</a>
        	</div>
	        <div data-role="content">
	        	<a href="#registration" data-role="button">Register now</a>
	        	<!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr><tr><td align="center"><a href="#" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700');"><img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_SbyPP_mc_vs_dc_ae.jpg" border="0" alt="PayPal Acceptance Mark"></a></td></tr></table><!-- PayPal Logo -->
	       	</div>
		</div>
		<div data-role="page" data-theme="b" id="registration">
			<div data-role="header" id="header">
				<a href="/" data-icon="home" class="ui-btn-Left" data-theme="b">Home</a>
				<h1>OYPAA 2013 Online Registration</h1>
				<a href="/admin" data-icon="gear" class="ui-btn-right" data-theme="b">Admin</a>
        	</div>
	        <div data-role="content">
				<form method=post action=/start_registration> 
					<div class="registration_form" style="text-align:center;" data-role="fieldcontain">
			           <label class="ui-hidden-accessible" for="first_name">First Name:</label><input data-mini="true" type="text" id="first_name" name="first_name" value="" placeholder="First Name"><br>
			           <label class="ui-hidden-accessible" for="last_name">Last Name:</label><input data-mini="true" type="text" id="last_name" name="last_name" value="" placeholder="Last Name"><br>
			           <label class="ui-hidden-accessible" for="street_address">Street Address:</label><input data-mini="true" type="text" id="street_address" name="street_address" value="" placeholder="Street Address"><br>
			           <label class="ui-hidden-accessible" for="city">City:</label><input data-mini="true" type="text" id="city" name="city" value="" placeholder="City"><br>
			           <label class="ui-hidden-accessible" for="state">State:</label><input data-mini="true" type="text" id="state" name="state" value="" placeholder="State"><br>
			           <label class="ui-hidden-accessible" for="zip_code">Zip Code:</label><input data-mini="true" type="text" id="zip_code" name="zip_code" value="" placeholder="Zip Code"><br>
			           <label class="ui-hidden-accessible" for="email">Email:</label><input data-mini="true" type="email" id="email" name="email" value="" placeholder="Email"><br>
			           <label class="ui-hidden-accessible" for="phone_number">Phone Number:</label><input data-mini="true" type="text" id="phone_number" name="phone_number" value="" placeholder="Phone Number"><br>
					</div>
					<input type=submit name=METHOD value="Continue"> 
				</form>
	       	</div>
		</div>
	</body>
</html>